<!DOCTYPE html>
<html lang="es" dir="ltr">
<head>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0">
    <meta charset="utf-8">
    <title>X-Admin</title>
    <link rel="stylesheet" href="./css/style.css">
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;800&display=swap" rel="stylesheet">
</head>
<body>
<div class="main">
    <div class="container a-container" id="a-container">
        <form class="form" id="a-form" method="" action="">
            <h2 class="form_title title">注册</h2>
            <div class="form__icons">
                <img class="form__icon"
                     src=""
                     alt="">
                <img class="form__icon"
                     src="">
                <img class="form__icon"
                     src="">
            </div>
            <span class="form__span">or use email for registration</span>
            <input class="form__input" type="text" placeholder="用户名">
            <input class="form__input" type="text" placeholder="邮箱">
            <input class="form__input" type="password" placeholder="密码">
            <button id="registerBtn" class="form__button button submit">注册</button>
        </form>
    </div>
    <div class="container b-container" id="b-container">
        <form class="form" id="b-form" method="" action="">
            <h2 class="form_title title">登录</h2>
            <div class="form__icons"><img class="form__icon"
                                          src=""
                                          alt=""><img class="form__icon"
                                                      src=""><img
                    class="form__icon"
                    src="">
            </div>
            <span class="form__span">or use your email account</span>
            <input class="form__input" type="text" placeholder="邮箱">
            <input class="form__input" type="password" placeholder="密码"><a class="form__link">Forgot your
            password?</a>
            <button id="loginBtn" class="form__button button submit">登录</button>
        </form>
    </div>
    <div class="switch" id="switch-cnt">
        <div class="switch__circle"></div>
        <div class="switch__circle switch__circle--t"></div>
        <div class="switch__container" id="switch-c1">
            <h2 class="switch__title title">Welcome Back !</h2>
            <p class="switch__description description">To keep connected with us please login with your personal
                info</p>
            <button class="switch__button button switch-btn">登录</button>
        </div>
        <div class="switch__container is-hidden" id="switch-c2">
            <h2 class="switch__title title">Hello Friend !</h2>
            <p class="switch__description description">Enter your personal details and start journey with us</p>
            <button class="switch__button button switch-btn">注册</button>
        </div>
    </div>
</div>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
<script src="./js/script.js"></script>
<script src="https://cdn.jsdelivr.net/npm/axios@0.24.0/dist/axios.min.js"></script>
<script>
    $('#registerBtn').onclick = () => {
        console.log(11);
    }

    $('#loginBtn').onclick = () => {
        console.log(11);
    }
</script>
</body>
</html>
